<script setup>
import TabBar from "./components/TabBar.vue";
import { useRoute } from "vue-router";
import { watch, ref } from "vue";

let route = useRoute();
let isShowNav = ref(false);

watch(
  route,
  (newVal) => {
    // console.log("--newVal:", newVal.meta.isShowNav);
    isShowNav.value = newVal.meta.isShowNav;
  },
  {
    immediate: true,
  }
);
</script>

<template>
  <div id="app">
    <router-view></router-view>
    <TabBar v-if="isShowNav" />
  </div>
</template>

<style scoped>
</style>
